草庐IT

Java 在列表中拖放图像

全部标签

javascript - jquery.width 在图像上返回 0

我正在使用看起来像这样的代码:img.load(function(){//dosomestuff$(this).width();});在我的回调中,图像大小始终为0。这可能与此有关,但我的图像是本地加载的。但实际上,如果我执行this.width,我将获得预期的宽度,然后我可以从此处进行某种计算以更改我的extjs窗口。经过一些尝试,我意识到如果我执行$(this)我更改的所有属性似乎根本没有任何效果。执行$(this).width(40);不会改变我的图像的宽度但是执行this.width=40会改变我的图像的宽度图片。就好像执行$(this)是在一个新元素中复制我的HTMLImag

javascript - 将元素添加到列表时,触发此事件的最佳方式是什么

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:HowtoidentifywhentheDOMhasbeenchanged?假设我可以访问元素$(ul#mylist).当某些项目添加到列表时,如何触发事件。我尝试了以下但实际上它不起作用。$('ul#mylist').change(function(){console.log('addedanelement');});

javascript - 使用 D3 创建 DIV 的动态列表

我一直在使用D3创建精美的动画图表,示例很棒。但是,我正在尝试做一些看似更基本的事情,但遇到了麻烦-将数据绑定(bind)到一个简单的DIV列表。我设置了enter()来初始化不透明度为0的元素,transition()来淡入它们,exit()来淡出并删除它们。enter()和exit()似乎工作正常-然而,当更新包含列表中已有的现有元素时,它似乎被部分删除-包含DIV仍然存在,但内容消失了。我不明白为什么元素的内容会以这种方式改变。我的代码如下:vardata=[...];sorted=data.sort(function(a,b){returnd3.descending(a.id,

javascript - 显示纺车图像直到整页加载

我正在使用下面的代码:在body标签内的布局页面中:在起始页中:$(document).ready(function(){$(window).load(function(){$('#loading').fadeOut();});});CSS:div.loading{height:100px;width:100px;position:fixed;z-index:1000;left:50%;top:50%;margin:-25px00-25px;display:block;}问题是旋转图像没有立即出现,它需要一些时间,因为空白页面出现并且图像在页面加载之前显示。我想要一个解决方案,在该解决

javascript - 带封面的全屏背景,但专注于图像的一部分

我想要一个div有一个覆盖整个div的背景图像,但是当浏览器窗口大小发生变化时,不要缩小太多,而是将焦点集中在图像上的一个点上。一个很好的例子是this,但是当您缩小窗口尺寸时,它会聚焦于黄色标志而不是图像的中间。这种东西有插件或者教程吗?我确信使用jquery和css图像Sprite我可以想出一些东西,但我宁愿使用经过验证的插件或技术,而不是一起破解一些东西。 最佳答案 好吧,我想这远没有我想象的那么难,但是我想要的行为可以简单地通过这样做来实现:{background:url('http://farm8.staticflickr

javascript - phantomjs 使用 src 图像在 canvas.toDataURL 上抛出 DOM 异常 18

我正在尝试使用phantomjs将svg转换为png图像:varpage=require('webpage').create();page.evaluate(function(){varsvg='';varsrc='data:image/svg+xml;base64,'+window.btoa(unescape(encodeURIComponent(svg)));varimg=newImage();img.src=src;img.onload=function(){varcanvas=document.createElement('canvas');canvas.width=img.w

javascript - 通过 Jquery 将图像添加到 Canvas

我正在尝试将图像添加到Canvas元素。Canvas标记:$value):?>"data-design="">Javascript:$(document).ready(function(){$('.design').each(function(){vardesign=$(this).attr('data-design');varid=$(this).attr('id');});});我希望图像显示在Canvas元素内。vardesign包含url。谁能帮帮我? 最佳答案 尝试$(document).ready(function(){

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 带有 if 条件和条件函数列表的 nodejs 和 async.waterfall。

我一直在使用async.waterfall和nodejs。它工作得很好,但现在我有一个关于流程的问题。我想在async.waterfall流程中使用一个简单的if条件。async.waterfall([callOne,callTwo,if(condition>0){callTest1,callTest2,}else{callTest3,callTest4,}callThree,callFour,callFive,],function(err,result){if(err){returnres.status(400).jsonp({error:err});}});我只想测试一个条件..如

javascript - React - 渲染组件的动态列表

我有一个代表自定义React组件的键列表。基于此列表,我想呈现适当的组件。我有每个组件的引用,因此我可以创建一个key->Component的映射,它允许我创建一个组件列表。但是我还没有找到一种方法来呈现这个列表。示例:input:["componentA","componentB","componentC"]output:这是我到目前为止得到的,但是我不确定如何呈现组件列表:functionrenderElements(keys){constcomponents={componentA:ComponentA,componentB:ComponentB,componentC:Compo